<template>
  <div id="app">
    <router-view v-wechat-title="'青云博客-' + $route.meta.title" />
  </div>
</template>

<script>
export default {
    name: 'App',
    data () {
        return {}
    },
    methods: {
        _isMobile () {
            let flag = navigator.userAgent.match(
                /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
            )
            return flag
        }
    },
    mounted () {
        if (this._isMobile()) {
            // alert("目前只支持PC端");
            this.$router.replace('/error')
        } else {
            this.$router.replace('/')
        }
    }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

#app {
  width: 100%;
  height: 100%;
}

.el-carousel__indicator--horizontal .el-carousel__button {
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 1;
  margin: 0px 0px 0px 5px;
}

.el-carousel__indicator--horizontal.is-active .el-carousel__button {
  width: 10px;
  height: 10px;
  background: #27f5ff;
  border: 1px solid #27f5ff;
  border-radius: 50%;
  opacity: 1;
}
</style>
